<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
          .radio-inline input[type=radio] {
            margin-top: 4px
        }
    </style>
</head>

<body style="color:#333;padding:3px;" class="x_sorll">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center">TI费用效果评估</h2>
    </div>
    <!-- 标题 -->
    <div class="">
    <form action="" class="form-inline">
      <table class="table-bordered table">
           <tr>
            <td style="min-width: 100px;width: 100px"><label for="" >申请类型：</label></td>
            <td> 
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptionse" id="inlineRadio1" value="option1" >常规促销
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptionse" id="inlineRadio2" value="option2">非常规促销
            </label><br>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptionse" id="inlineRadio3" value="option3">进场
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptionse" id="inlineRadio4" value="option4">所有
            </label>
            </td>
            <td style="min-width: 100px;width: 100px"><label for="">非常规促销类型：</label></td>
            <td><select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
             <td style="min-width: 100px;width: 100px"><label for="" >分摊期间：</label></td>
         <td>
             <div class="form-group">
            <input type="text" id="fenTan1" placeholder="开始日期" class="form-control layer-date " style="display: inline-block;min-width: 100px;width: 100px" name="">
           </div><br>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date"  placeholder="结束日期" style="display: inline-block;min-width: 100px;width: 100px" id="fenTan2" name="">
           </div>
            </td>
            <td style="min-width: 100px;width: 100px" >费用分摊类别</td>
             <td>
                 <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions1" id="inlineRadio5" value="option5">按活动执行时间分摊
            </label><br>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions1" id="inlineRadio6" value="option6">按财务记账时间分摊
            </label>
             </td>
           </tr>
            <tr>
             <td style="min-width: 100px;width: 100px" >分区</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px"  >省份</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >城市</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >通用支付方式</td>
            <td><input type="text" class="form-control" name=""></td>
           </tr>
            <tr>
              <td style="min-width: 100px;width: 100px" >经销商编号</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >经销商名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >系统名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >网点名称</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
           <tr>
            <td style="min-width: 100px;width: 100px" >品牌</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >品类</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >系列</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >SKU</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
           <tr>
            <td style="min-width: 100px;width: 100px" >产品编码</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >产品名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >申请人</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >费用计入部门</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
           <tr>
            <td style="min-width: 100px;width: 100px" >一级科目名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >二级科目名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >三级科目名称</td>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 100px;width: 100px" >费用计入方案</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
           <tr>
            <td style="min-width: 100px;width: 100px" >是否锁定</td>
            <td>
              <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
            <td style="min-width: 100px;width: 100px" >锁定时间</td>
            <td>
             <div class="form-group">
            <input type="text" id="suo1" placeholder="开始日期" class="form-control layer-date " style="display: inline-block;min-width: 100px;width: 100px" name="">
           </div><br>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date"  placeholder="结束日期" style="display: inline-block;min-width: 100px;width: 100px" id="suo2" name="">
           </div>
            </td>
            <td style="min-width: 100px;width: 100px" >是否要求反馈</td>
            <td>
                  <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
            <td style="min-width: 100px;width: 100px" >反馈状态</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
          </tr>
          <tr>
               <td style="min-width: 100px;width: 100px" >核销状态</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
               <td style="min-width: 100px;width: 100px" >核查状态</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
               <td style="min-width: 100px;width: 100px" >核查结果</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
               <td style="min-width: 100px;width: 100px" >是否要求核查</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
          </tr>
          <tr>
           <td style="min-width: 100px;width: 100px" >收款方</td>
           <td>
               <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions" id="inlineRadio11" value="option14">所有
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions" id="inlineRadio22" value="option23">经销商
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions" id="inlineRadio33" value="option32">供应商
            </label>
           </td>
               <td style="min-width: 100px;width: 100px" >申请部门</td>
                <td><input type="text" class="form-control" name=""></td>
                  <td style="min-width: 100px;width: 100px" >一级渠道</td>
                <td><input type="text" class="form-control" name=""></td>
                  <td style="min-width: 100px;width: 100px" >二级渠道</td>
                <td><input type="text" class="form-control" name=""></td>
          </tr>
          <tr>
             <td style="min-width: 100px;width: 100px" >开始时间</td>
            <td>
             <div class="form-group">
            <input type="text" id="start1" class="form-control layer-date" style="display: inline-block;min-width: 100px;width: 100px" name="">
           </div>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="display: inline-block;min-width: 100px;width: 100px" id="end1" name="">
           </div>
            </td>
              <td style="min-width: 100px;width: 100px" >结束时间</td>
            <td>
             <div class="form-group">
            <input type="text" id="start2" class="form-control layer-date" style="display: inline-block;min-width: 100px;width: 100px" name="">
           </div>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="display: inline-block;min-width: 100px;width: 100px" id="end2" name="">
           </div>
            </td>
             <td style="min-width: 100px;width: 100px" >申请状态</td>
            <td>
                    <select name="" id="" class="form-control"  style="min-width: 100px;width: 100px">
                    <option value="0">所有</option>
                    <option value="1">请选择</option>
            </select>
            </td>
            <td style="min-width: 100px;width: 100px" >编号</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
          <tr>
            <td colspan="8" class="text-center">
                <button class="btn btn-info query" type="button">查询</button>
           <button class="btn btn-info emptyIf" type="button">清空查询条件</button>
           <button class="btn btn-info LendExcel" type="button">导出Excel</button>
            </td>
          </tr>
      </table>

    <table class="table table-bordered">
        <tr>
          <td>
            统计说明：<br>
            1.如果非常规促销类型选择了网点类型或经销商类，则不管申请类型选择何种，都只会统计非常规促销申请费用。<br>
            2.申请中的费用只统计新申请的，不包括异动中和取消中的。<br>
            3.费用分摊类型：按活动执行时间分摊，指按活动实际执行时间分摊费用;按财务记账时间分摊，指按财务实际记账时间分摊费用。
          </td>
        </tr>
    </table>
      <table class="table-bordered table">
          <tr class="info">
            <th class="text-center">序号</th>
            <th class="text-center">申请单状态</th>
            <th class="text-center">申请人</th>
            <th class="text-center">申请部门</th>
            <th class="text-center">编号</th>
            <th class="text-center">申请主题</th>
            <th class="text-center">明细编号</th>
            <th class="text-center">分区</th>
            <th class="text-center">省份</th>
            <th class="text-center">城市</th>
            <th class="text-center">经销商编号</th>
            <th class="text-center">经销商名称</th>
            <th class="text-center">系统编号</th>
            <th class="text-center">系统名称</th>
            <th class="text-center">网点编号</th>
            <th class="text-center">网点名称</th>
            <th class="text-center">一级渠道</th>
            <th class="text-center">二级渠道</th>
            <th class="text-center">品牌</th>
            <th class="text-center">毛利率</th>
            <th class="text-center">品类</th>
            <th class="text-center">系列</th>
            <th class="text-center">SKU</th>
            <th class="text-center">产品编号</th>
            <th class="text-center">产品</th>
            <th class="text-center">出厂价</th>
            <th class="text-center">网点供货价</th>
            <th class="text-center">零售价</th>
            <th class="text-center">价扣%</th>
            <th class="text-center">申请时间</th>
            <th class="text-center">生效时间</th>
            <th class="text-center">活动开始时间</th>
            <th class="text-center">活动结束时间</th>
            <th class="text-center">预计核销时间</th>
            <th class="text-center">原活动开始时间</th>
            <th class="text-center">原活动结束时间</th>
            <th class="text-center">原批复编号</th>
            <th class="text-center">活动类型</th>
            <th class="text-center">是否要求核查</th>
            <th class="text-center">核查状态</th>
            <th class="text-center">核查结果</th>
            <th class="text-center">费用计入部门</th>
            <th class="text-center">费用支付方式</th>
            <th class="text-center">费用计入方案</th>
            <th class="text-center">是否锁定</th>
            <th class="text-center">锁定时间</th>
            <th class="text-center">收款方</th>
            <th class="text-center">一级科目名称</th>
            <th class="text-center">二级科目名称</th>
            <th class="text-center">三级科目名称</th>
            <th class="text-center">预计未税金额</th>
            <th class="text-center">实际未税金额</th>
            <th class="text-center">税率</th>
            <th class="text-center">是否增值税</th>
            <th class="text-center">实际含税金额</th>
            <th class="text-center">预计投入金额</th>
            <th class="text-center">实际投入金额</th>
            <th class="text-center">是否要求反馈</th>
            <th class="text-center">反馈状态</th>
            <th class="text-center">核销状态</th>
            <th class="text-center">核销单号</th>
            <th class="text-center">已核销金额</th>
            <th class="text-center">核销中金额</th>
            <th class="text-center">未核销金额</th>
            <th class="text-center">是否给予核销</th>
            <th class="text-center">不予核销金额</th>
            <th class="text-center">可核销余额</th>
            <th class="text-center">支付金额</th>
            <th class="text-center">预付</th>
            <th class="text-center">预付转支付</th>
            <th class="text-center">预付余额</th>
            <th class="text-center">预计销量(数量)</th>
            <th class="text-center">预计销量(金额)</th>
            <th class="text-center">基准销量(金额)</th>
            <th class="text-center">预计增量销量(金额)</th>
            <th class="text-center">预计ROI</th>
            <th class="text-center">实际销量(数量)(反馈)</th>
            <th class="text-center">实际销量(金额)(反馈)</th>
            <th class="text-center">实际增量销量(金额)(反馈)</th>
            <th class="text-center">销售达成率</th>
            <th class="text-center">实际ROI</th>
            <th class="text-center">费用分摊金额</th>
            <th class="text-center">备注</th>
          </tr>
          <tr>
            <td>1</td>
            <td>申请中</td>
            <td>曾小倩</td>
            <td>华东大区</td>
            <td><a href="javascript:;">201709150005</a></td>
             <td>测试091501</td>
             <td><a href="javascript:;">201709150005_1</a></td>
             <td>华东大区</td>
             <td>福建省</td>
             <td>福州市</td>
             <td>CU0025</td>
             <td>长沙市军械事业公司</td>
             <td>312321231</td>
             <td>长沙人人乐</td>
             <td>312321231</td>
             <td>长沙人人乐</td>
             <td>餐饮</td>
             <td>现代渠道</td>
             <td>利口福</td>
             <td>23.00%</td>
             <td>粽子类</td>
             <td>粽子类</td>
             <td>台式风味粽</td>
             <td>2017091</td>
             <td>粽子类</td>
             <td>0.00</td>
             <td>0.00</td>
             <td>0.00</td>
             <td>0.00%</td>
             <td>2017-09-12</td>
             <td>&nbsp;</td>
             <td>2017-09-12</td>
             <td>2017-09-12</td>
             <td>2017-09-12</td>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
             <td>常规促销</td>
             <td>否</td>
             <td>未核查</td>
             <td>无核查结果</td>
             <td>华东大区</td>
             <td>现金支付</td>
             <td>冬季促销活动</td>
             <td>否</td>
             <td>&nbsp;</td>
             <td>长沙市军械事业公司</td>
             <td> 销售费用</td>
             <td> 活动费</td>
             <td> 堆头费</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00%</td>
             <td> 否</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td>是</td>
             <td>未反馈</td>
             <td>未核销</td>
             <td>无</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 否</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td>
             <td> 0.00</td> 
             <td> 0.00</td> 
             <td> 0.00%</td> 
             <td>&nbsp;</td>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
             <td> 0.00%</td> 
             <td>&nbsp;</td>
             <td> 0.00</td> 
             <td>&nbsp;</td>
          </tr>
      </table>
      </form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>
        //日期范围限制
        var start1 = {
            elem: '#start1',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end1.min = datas; //开始日选好后，重置结束日的最小日期
                end1.start1 = datas //将结束日的初始值设定为开始日
            }
        };
        var end1 = {
            elem: '#end1',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start1.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

         var start2 = {
            elem: '#start2',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end2.min = datas; //开始日选好后，重置结束日的最小日期
                end2.start2 = datas //将结束日的初始值设定为开始日
            }
        };
        var end2 = {
            elem: '#end2',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start2.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
         var suo1 = {
            elem: '#suo1',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                suo2.min = datas; //开始日选好后，重置结束日的最小日期
                suo2.suo1 = datas //将结束日的初始值设定为开始日
            }
        };
        var suo2 = {
            elem: '#suo2',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                suo1.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
         var fenTan1 = {
            elem: '#fenTan1',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                fenTan2.min = datas; //开始日选好后，重置结束日的最小日期
                fenTan2.fenTan1 = datas //将结束日的初始值设定为开始日
            }
        };
        var fenTan2 = {
            elem: '#suo2',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                fenTan1.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
         laydate(start1);
        laydate(end1);
        laydate(start2);
        laydate(end2);
        laydate(fenTan1);
        laydate(fenTan2);
        laydate(suo1);
        laydate(suo2);
    </script>
</body>

</html>
